<template>
  <div id="app">

    
    <!-- <college />  -->
    <!-- <course />  -->
    <college-resource></college-resource>
    <user-list></user-list>
  
  </div>
</template>

<script>
// import college from './components/collegeList.vue'
// import course from './components/course.vue'
import collegeResource from './components/collegeResource.vue'
import userList from './components/userList.vue'

export default {
  name: 'app',
  data() {
      return {  
        
       }
    },
  components: {
     //college,
    // course,
    collegeResource,
    userList
  },
  methods: {
     
  }
}

</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
.clearfix{*zoom:1}
.clearfix:after{
  display: block;
  content:"";
  height:0;
  clear: both;
  visibility: hidden;
}
</style>
